<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
		<!-- 
		图片标签： img  image  行内块元素
		src: 图片路径存放的地方
		    网络路径：  注意： 网络路径一定以http或https开头
		        https://www.qwbaike.cn/uploads/202212/1670678290SviKl4A5.jpg
		    本地路径：自己电脑上的路径
		        绝对路径：
		         例：C:\2502\01HTML\1.jpg
		             C:/2502/01HTML/1.jpg
		             两种写法都可以，但是要统一使用，正斜线为规范
		        相对路径：
		        注意：以自身为对照点
		            ./ 点 斜线  当前文件夹
		            ../ 点点斜线  上一级路径 可以多个叠加实现多级连跳
		        例：./1.jpg
		            ../2.jpg
		            ../cs/3.jpg
		            ../../sk/4.jpg

		        alt：图片加载失败的时候显示
		        title：鼠标放在图片上的提示 所有标签都支持
		        width:宽度
		        height:高度

		        宽高要注意：
		           1.如果手动设置图片宽高，可能导致图片变形(因为设置的宽高跟原图不成比例)
		           2.如果不想让图片变形，还要设置宽高，只设置宽高的其中一个，另一个，浏览器会自动等比例缩放
	 -->
	<!-- 网络路径 -->
	<img id="sea" src="https://p26.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/22f10850c5234b5285350743cfa16357">
	<!-- 绝对路径 -->
	<img src="D:\百杉HTML\2502\HTML\1.jpg">
	<!-- 相对路径 -->
	<img src="./2.jpg" width="11" height="22">
	<img src="../3.jpg" width="330">
	<img src="../../4.jpg">

</body>
</html>